<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>OM Salon System</title>
            </f:facet>

            <link type="text/css" rel="stylesheet" href="css/estilo.css" />
            <style type="text/css">
                .ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;;
                }

                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
            </style>
        </h:head>

        <h:body>
            <h:form>
                <p:layout fullPage="true">

                    <p:layoutUnit position="north" size="15px">
                        <p:menubar id="mnBar" style="height: 18px">
                            <p:menuitem value="Agenda" update="contentPanel" icon="ui-icon-calendar">
                                <f:setPropertyActionListener target="#{homeController.urlContent}" value="faces/Agenda.xhtml" />
                            </p:menuitem>
                            <p:menuitem value="Cadastro" update="contentPanel" icon="ui-icon-contact">
                                <f:setPropertyActionListener target="#{homeController.urlContent}" value="faces/CadastroServico.xhtml" />
                            </p:menuitem>
                            <p:menuitem value="Relatorio" update="contentPanel" icon="ui-icon-note">
                                <f:setPropertyActionListener target="#{homeController.urlContent}" value="faces/index.xhtml" />
                            </p:menuitem>
                            <p:menuitem value="Sair" update="contentPanel" icon="ui-icon-close">
                                <f:setPropertyActionListener target="#{homeController.urlContent}" value="faces/index.xhtml" />
                            </p:menuitem>
                        </p:menubar>
                    </p:layoutUnit>

                    <!--<p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                        Footer
                    </p:layoutUnit>

                    <p:layoutUnit position="west" header="Menu" >
                        <p:menu>
                            <p:menuitem value="Index" update="contentPanel">
                                <f:setPropertyActionListener target="#{homeController.urlContent}" value="faces/index.xhtml" />
                            </p:menuitem>
                            <p:menuitem value="Agenda" update="contentPanel">
                                <f:setPropertyActionListener target="#{homeController.urlContent}" value="faces/Agenda.xhtml" />
                            </p:menuitem>

                        </p:menu>
                    </p:layoutUnit>
                        -->
                    <p:layoutUnit  position="center" size="100">
                        <p:outputPanel id="contentPanel" autoUpdate="true">
                            <iframe id="contentFrame" src="#{homeController.urlContent}" width="99%" height="100%" frameborder="0">
                            </iframe>
                        </p:outputPanel> 
                    </p:layoutUnit>

                </p:layout>
            </h:form>
        </h:body>

    </f:view>
</html>

